<!DOCTYPE html>
<!-- saved from url=(0037)http://www.luoo.net/user/vols/1405418 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<meta name="viewport" content="width=device-width,user-scalable=no">
	<meta property="qc:admins" content="4553322067645776654">
	<meta property="wb:webmaster" content="78f40d1511de8c6b">
	<meta name="baidu-site-verification" content="xC1m9aYTgX">
	<title>收藏的专辑</title>
	<meta name="description" content="# ">
	<meta name="keywords" content="#">
	<link rel="stylesheet" href="/css/user.css">
	<link type="image/x-icon" href="/img/icon-logo.png" rel="shortcut icon">
	<script type="text/javascript" async="" src="/js/ga.js">
	</script><script src="/js/hm.js">
	</script><script src="/js/jquery-1.11.0.min.js"></script>
	<script src="/js/luoo.js"></script>
</head>
<body>
<!-- header start -->
<div class="header" th:replace="~{portal/nav :: topbar}">

</div>
<!--/// header end -->
<!-- container start -->
	<div class="container ct-sm" style="min-height: 460px;">	
		<!--<link rel="stylesheet" href="http://s.luoo.net/thirdparty/imgareaselect/css/imgareaselect-default.css">-->
<link rel="stylesheet" href="/css/simple.css"><script src="/js/jquery.artDialog.js"></script>
<!--<script src="http://s.luoo.net/thirdparty/imgareaselect/jquery.imgareaselect.min.js"></script>-->
<script src="/js/jquery.fineuploader-4.4.0.min.js"></script>
<script src="/js/swfobject.js"></script>
<script src="/js/user.js"></script>
<!-- uc-head -->
<div class="uc-head clearfix">


	<div class="ainfo">
		<span class="playcnt">我的收藏:</span>
		<div class="sns-account">

			<a href="http://www.luoo.net/login/oauth/site/weibo/act/bind" class="sns-item icon-open-weibo-grey" target="_blank" title="绑定微博账号"></a>

			<a href="http://www.luoo.net/login/oauth/site/douban/act/bind" class="sns-item icon-open-douban-grey" target="_blank" title="绑定豆瓣账号"></a>

			<a href="http://www.luoo.net/login/oauth/site/qq/act/bind" class="sns-item icon-open-qq-grey" target="_blank" title="绑定QQ账号"></a>
		</div>
	</div>


</div>
		<div class="uc-nav rounded clearfix">
			<a href="/user/favoriteTopic?userId=1" class="nav-item actived " th:href="'/user/favoriteTopic?userId='+${user.id}">专辑</a>
			<a href="/user/favoriteEssay?userId=1"   class="nav-item  " th:href="'/user/favoriteEssay?userId='+${user.id}">随笔</a>
			<a href="/user/favoriteStory?userId=1" class="nav-item " th:href="'/user/favoriteStory?userId='+${user.id}">故事</a>
			<!--<a href="/user?userId=1" class="btn-play" th:href="'/user?userId='+${user.id}">
				查看我的投稿
			</a>-->

		</div>
<!--/// uc-head end-->

		<!-- uc-ct -->
		<div class="uc-ct">
			<div th:if="${topicPage==null || topicPage.content.size()==0}" >
				<br/>
				<p >该用户没有收藏专辑</p>
				<br/>
			</div>
			<!-- fav-vols -->
			<div class="fav-vols">
				<div class="item-wrapper">
					<div class="item" th:each="topic,topicStat:${topicPage}" th:if="${topicPage!=null && topicStat.size!=0 && topicStat.index<9}" >
						<a href="topic/1373" class="cover-wrapper" th:href="'/topic/'+${topic.id}">
							<img src="/js/640x452" alt="故事的最后" class="cover rounded" style="height: 104px" th:src="${topic.coverImgAddr}" th:alt="${topic.title}" >
						</a>
						<a href="/topic/1373" class="name" th:href="'/topic/'+${topic.id}" th:text="${topic.title}">故事的最后</a>
						<div class="op-bar">
							<span class="time" th:text="${#dates.format(topic.creatTime,'yyyy-MM-dd')}"></span>

							<a href="javascript:;" rel="nofollow" class="btn-unlike unfav" plate="topic.111"  title="取消收藏" th:attr="plate='topic.'+${topic.id}">
								<i class="icon icon-trash"></i>
								删除
							</a>

							<a href="javascript:;" rel="nofollow" class="share btn-action-share" data-app="vol" data-id="990" data-text="分享一期来自落网的音乐【vol.990 故事的最后】（分享自@落网）" data-img="http://img-cdn2.luoo.net/pics/vol/5b1401328623d.jpg!/fwfh/640x452">
								<i class="icon icon-share"></i>
								分享
							</a>
						</div>
						<!--每生成三个就输出一个换行来保持漂亮的板式-->
						<br  th:if="${topicStat.index+1}%3==0"/>
					</div>
				</div>
			</div>
			<!-- /// fav-vols -->
			<div class="paginator" th:if="${topicPage.totalPages } > 1">
				<a class="previous" href="/user/favoriteTopic?userId=1&pn=1" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn=1'" >首页</a>
				<a class="previous"  th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number}" th:if="${topicPage.hasPrevious()}" >上一页</a><!--<a class="page actived" rel="nofollow" href="javascript:;">1</a>-->
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number -3}" th:text="${topicPage.number -3}" th:if="${topicPage.number } >3 ">1</a>
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number -2}" th:text="${topicPage.number -2}" th:if="${topicPage.number } >2 ">2</a>
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number -1}" th:text="${topicPage.number -1}" th:if="${topicPage.number } >1 ">3</a>
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number }" th:text="${topicPage.number}" th:if="${topicPage.number >0}">4</a> <!--判断如果在当前页码如果有前面的页码则生成-->
				<a class="page actived" href="#" rel="nofollow" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number+1}" th:text="${topicPage.number +1}" >5</a><!--假设用户浏览的当前页是第5页,number+1是因为jpa里的pageable默认pn是从0开始的,此时pageable里的number是4-->
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number +2}" th:text="${topicPage.number +2}" th:if="${topicPage.number +2} <= ${topicPage.totalPages }" >6</a><!--判断如果在当前页面有后面的页面则生成-->
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number +3}" th:text="${topicPage.number +3}"  th:if="${topicPage.number +3} <= ${topicPage.totalPages }">7</a>
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number +4}" th:text="${topicPage.number +4}"  th:if="${topicPage.number +4} <= ${topicPage.totalPages }">8</a>
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number +5}" th:text="${topicPage.number +5}" th:if="${topicPage.number +5} <= ${topicPage.totalPages }">9</a>
				<a class="page" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number +6}" th:text="${topicPage.number +6}" th:if="${topicPage.number +6} <= ${topicPage.totalPages }">10</a>
				<a class="next" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.number +2}" th:if="${topicPage.hasNext()}">下一页</a>
				<a class="next" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn='+${topicPage.totalPages }" th:if="${topicPage.totalPages }>0">尾页</a>
				<a class="next" href="#" th:href="'/user/favoriteTopic?userId='+${user.id}+'&pn=1'" th:if="${topicPage.totalPages }==0" >尾页</a>
			</div>
		</div>
		<!--/// uc-ct end -->
	</div>
	<!--/// container end -->
<!--底部区域开始-->
<div class="footer" th:replace="~{portal/footer :: footer}">

</div>
<div id="backTop" style="left: 1451.5px;">&nbsp;</div>
<div id="feedbackWrapper" style="display:none;" th:replace="~{portal/help :: sendQuestion}">

</div>

<div id="mailWrapper" style="display:none;" th:replace="~{portal/help :: sendLetter}">

</div>
<!--底部结束-->


<script src="/js/jquery.artDialog(1).js"></script>
<script src="/js/jquery.qtip.min.js"></script>
<script src="/js/jquery.cookie.js"></script>
<script src="/js/qrcode.min.js"></script>
<script>
    /*点击后取消收藏;用于topic和essay*/
    $(document).on('click','.btn-unlike',function () {
        var plate = $(this).attr("plate");
       	var topic = $(this).parent().parent();
       	if (confirm("确认取消收藏此专辑吗?")){
            $.ajax({
                url:"/json/user/unlike",
                type:"POST",
                data:{"plate":plate},
                success:function (result) {
                    if (101 == result.code){
                        alert("请先登录再操作!");
                        window.location.href="/login";
                    }else {
                        topic.remove();
                    }
                }
            });
		}
    });
</script>
<!--[if lt IE 9]>
<script src="http://s.luoo.net/thirdparty/pie/PIE_IE678.js"></script>
<script>
$(function(){
	if (window.PIE) {
        $('.rounded,.page').each(function() {
            try{
            	PIE.attach(this);
            }catch(e){}
        });
    }
})
</script>
<![endif]-->


</body></html>